(function($)
{
	$.fn.simpleTabs = function(defaultIndex)
	{
		return this.each(function(i, el)
		{
			create($(el), defaultIndex);
		});
	};
		
		
	function create(element, defaultIndex)
	{
		if($(this).hasClass("__SimpleTabCreated"))
			return;
		
		if(typeof defaultIndex == "undefined")
			defaultIndex = 0;
		
		if(String(defaultIndex).indexOf("#") != -1)
			defaultIndex = defaultIndex.replace("#", "");
		
		element.append('<div style="clear:both"></div>');
		
		var tabs = element.find(".Tabs > a");
		var panelContents = element.find(".Panels div.Panel");
		var tabContainer = element.find(".Tabs");
		
		panelContents.removeClass("invisible").hide().eq(0).show();
		tabs.each(function (i)
		{
			var tabEle = $(this);
			var panelEle = panelContents.eq(i);
			
			tabEle
				.data("panelContent", panelEle)
				.click(function ()
				{
					tabEle.addClass("selected").siblings().removeClass("selected");
					tabEle.data("panelContent").show().siblings().hide();
					$(this).blur();
				});
				
			panelEle.data("panelTab", tabEle);
		});
		
		tabs.eq(defaultIndex).click();
		
		element.data("tabs", tabs).addClass("__SimpleTabCreated");
	};

	$.fn.selectTab = function(i, triggerInnerLink)
	{
		if(!$(this).hasClass("SimpleTabs"))
			return;
		
		i = String(i);
			
		if(i.indexOf("#") != -1)
			i = i.replace("#", "");
		
		var tabEle = $(this).find(".Tabs div").eq(i);
		tabEle.click();
		
		if(triggerInnerLink)
		{
			tabEle.find("a").click();
		}
	};
	
	$(function()
	{
		$("div.SimpleTabs").simpleTabs();
	})
})(jQuery);